import { Button } from 'antd';
import styles from './index.module.less';
import { useState } from 'react';

export default function FilterBtn({ tabs, curtab, setCurTab }: any) {
  return (
    <div className={`${styles.filterBtnCpn} xxx`}>
      {tabs.map((item: any, index: number) => (
        <div
          className={`${styles.tbtn} ${curtab === item.key && styles.tbtnAct} center`}
          key={index}
          onClick={() => setCurTab(item.key)}
        >
          {item.name}
        </div>
      ))}
      <div className={`${styles.xxx} xxx`}></div>
      <div className={`${styles.xxx} xxx`}></div>
      <div className={`${styles.xxx} xxx`}></div>
    </div>
  );
}
